﻿@{
    Layout = "~/Views/Shared/_LayoutBBD.cshtml";
}
<div class="Mobile-version-page">
  <div class="top-headerBBD">
        <div class="pull-left main-heading"><h2>Mobile Version <small>&#62; Customize</small></h2></div>
          <div class="right_backBTN"> <a href="javascript:void(0);" onclick="goBack()"> <img alt="" src="@Url.Content("~/images/web-version/back-btn.png")"></a></div>
        </div>
        <div class="tab_content clearfix">
          <div class="left-shadow"></div>
          <div class="right-shadow"></div>
          <div class="tab_content-inner mobileversion-tab-customize">
           <div class="tabs-outer tabs-webVersion">
               <ul class="nav nav-tabs notxtshadow" id="myTab">
                <li id="aOVERVIEW" class="active"><a data-toggle="tab" href="#OVERVIEW">OVERVIEW</a></li>
                <li class=""><a data-toggle="tab" id="aWelcome" href="#welcomeMobile">welcome</a></li>
                <li class=""><a data-toggle="tab" id="aAboutme" href="#aboutmeMobile">about me</a></li>
                <li class=""><a data-toggle="tab" id="aBanner" href="#BannerMobile">banner</a></li>
                <li class=""><a data-toggle="tab" id="aSpecial" href="#specialMobile">special</a></li>
                <li class=""><a data-toggle="tab" id="aAdmin" href="#adminMobile">admin</a></li>
                <li class=""><a data-toggle="tab" href="#personalization">personalization</a></li>
              </ul>

             <div class="tab-content" id="myTabContent">
                 <div id="OVERVIEW" class="overviewWebV_tab tab-pane fade active in">
                @{Html.RenderPartial("Overview");}
                </div>
                <div id="welcomeMobile" class="welcome_tab tab-pane fade">
                  @{Html.RenderPartial("Welcome");}
                </div>
                <div id="aboutmeMobile" class="aboutme_tab tab-pane fade">
                 @{Html.RenderPartial("AboutMe");}
                </div>
                <div id="BannerMobile" class="banner_tab tab-pane fade">
                 @{Html.RenderPartial("Bannar");}
                </div>
                <div id="specialMobile" class="special_tab tab-pane fade">
                 @{Html.RenderPartial("Special");}
                </div>
                <div id="adminMobile" class="admin_tab tab-pane fade">
                 @{Html.RenderPartial("Admin");}
               </div>
                <div id="personalization" class="personalization_tab tab-pane fade">
                <p class="txt txt-c">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
<div class="tabInnar-content">
                    <div class="row">
                      <div class="col-md-5 col-sm-5">
                        <div class="img"></div>
                      </div>
                      <div class="col-md-7 col-sm-7"></div>
                    </div>
                  </div>
                </div>
                </div>


           </div>

          </div>
        </div>
    </div>
@section scriptIphone
{
  
<script type="text/javascript">

    function success(result) {

        $("#spnMessage").html(result.success);
    }
    function successbanner(result) {
        $("#spnMessagebanner").html(result.success);
    }
    function successwelcome(result) {

        $("#spnMessagewelcome").html(result.success);

    }
    function successmyscreen(result) {
        $("#spnMessagemyscreen").html(result.success);

    }

    function successlocation(result) {
        $("#spnMessagelocation").html(result.success);

    }
    function successpromocode(result) {
        $("#spnMessagepromocode").html(result.success);

    }
    function successsetup(result) {
        $("#spnMessagesetup").html(result.success);

    }



    $("#Country").live("change", function (e) {


        var selectedItem = $(this).val();
        $("#ipscountry").val(selectedItem);
        $("#ipsstateprovince").val("");
        var ddlStates = $("#State");

        $.ajax({
            cache: false,
            type: "GET",
            url: "@(Url.Action("getStatesbyCountry", "Iphone"))",
                    data: { "country": selectedItem },
                    success: function (data) {
                        ddlStates.html('');

                        if (selectedItem == "US") {
                            ddlStates.append($('<option></option>').val("").html("-Select state or region-"));
                        }
                        else if (selectedItem == "CAN") {
                            ddlStates.append($('<option></option>').val("").html("-Select Province-"));
                        }


                        $.each(data, function (id, option) {
                            ddlStates.append($('<option></option>').val(option.id).html(option.name));
                        });

                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert('Failed to retrieve states.');

                    }
                });
    });


            $("#State").live("change", function (e) {
                $("#ipsstateprovince").val($(this).val());
            });

            $("#btnSubmitlocation").live("click", function (e) {

                if ($("#Country").val() == "") {
                    alert("You must select a country.");
                    return false;
                }

                if (($("#State option:selected").val() == "") && ($("#Country option:selected").val() == "US")) {

                    alert("You must select a state or region.");
                    return false;
                }
                if (($("#State option:selected").val() == "") && ($("#Country option:selected").val() == "CAN")) {
                    alert("You must select a province.");
                    return false;
                }

            });

            //$(function() {
            //    var chkTab = $.cookie("Tabs");
            //    if (chkTab != null) {
            //        $('#tabs').tabs("option", "active", chkTab);
            //    }
            //    else
            //    {
            //        $('#tabs').tabs("option", "active", 0);
            //    }
            //});

            $("#aOVERVIEW").live('click', function () {

                document.title = 'MobileVersion Customization: Overview';

            });
            $("#aWelcome").live('click', function () {
               
                document.title = 'MobileVersion Customization: Welcome Screen';
                //$("#tabs-welcome").html('');
                $("#welcomeMobile").load('/MobileVersion/welcome', function (html) { });
            });
            $("#aAboutme").live('click', function () {

                document.title = 'MobileVersion Customization: About me';
                //$("#tabs-myscreen").html('');
                $("#aboutmeMobile").load('/MobileVersion/AboutMe', function (html) { });
            });
            $("#aBanner").live('click', function () {

                document.title = 'IPhone Customization: Banner Message';
                //$("#tabs-banner").html('');
                $("#BannerMobile").load('/MobileVersion/banner', function (html) { });
            });
            $("#aAdmin").live('click', function () {

                document.title = 'IPhone Customization: Admin Link';
                // $("#tabs-adminlink").html('');
                $("#adminMobile").load('/MobileVersion/Admin', function (html) { });

            });
           
            $("#aSpecial").live('click', function () {

                document.title = 'IPhone Customization: Setup done Screen';
                //$("#tabs-setup").html('');
                $("#specialMobile").load('/MobileVersion/Special', function (html) { });
            });
            $("#atabs-location").live('click', function () {

                document.title = 'IPhone Customization: Default loaction';
                //  $("#tabs-location").html('');
                // $("#tabs-location").load('/Iphone/Customlocation', function (html) { });
            });
     </script>
    <script>
        $(document).ready(function () {
            $(window).load(function () {
                $("#wrapper_pop").css('visibility', 'visible');

            });
       
            $(".click").live("click", function () {
                $("#heating-and-cooling").css("display", "block");
                doit();
            })
            $(".clickClose").live("click", function () {
                $("#heating-and-cooling").animate({ left: 0, height: 0 }, 1200);

            });
            $(".imgaboutme").live("click", function () {
                $("#myTab li").removeClass("active");
                $("#aAboutme").parent().addClass("active");
                document.title = 'MobileVersion Customization: About me';
                $("#aboutmeMobile").load('/MobileVersion/AboutMe', function (html) { });
            });
            $(".imgadmin").live("click", function () {
                $("#myTab li").removeClass("active");
                $("#aAdmin").parent().addClass("active");
                document.title = 'MobileVersion Customization: Admin Link';
                $("#adminMobile").load('/MobileVersion/Admin', function (html) { });
            });
            $(".imgwelcome").live("click", function () {
                $("#myTab li").removeClass("active");
                $("#aWelcome").parent().addClass("active");
                document.title = 'MobileVersion Customization: Welcome Screen';
                $("#welcomeMobile").load('/MobileVersion/welcome', function (html) { });
            });
            $(".imgbanner").live("click", function () {
                $("#myTab li").removeClass("active");
                $("#aBanner").parent().addClass("active");
                document.title = 'MobileVersion Customization: Banner Message';
                $("#BannerMobile").load('/MobileVersion/banner', function (html) { });
            });
            $(".imgspecial").live("click", function () {
                $("#myTab li").removeClass("active");
                $("#aSpecial").parent().addClass("active");
                document.title = 'MobileVersion Customization: Setup done Screen';
                $("#specialMobile").load('/MobileVersion/Special', function (html) { });
            });
            $(".imgToggle").live("click", function () {
                $(".IphoneAndroid").toggle();
            });
            $(".phoneImagewelcome1").live("click",function () {
                $(".phoneImagewelcome").toggle();
                $(".phoneImagewelcome1").toggle();
            });
            $(".phoneImageaboutme1").live("click", function () {
                $(".phoneImageaboutme").toggle();
                $(".phoneImageaboutme1").toggle();
            });
            $(".phoneImagebanner1").live("click", function () {
                $(".phoneImagebanner").toggle();
                $(".phoneImagebanner1").toggle();
            });
            $(".phoneImagespecial1").live("click", function () {
                $(".phoneImagespecial").toggle();
                $(".phoneImagespecial1").toggle();
            });
            $(".phoneImageadmin1").live("click", function () {
                $(".phoneImageadmin").toggle();
                $(".phoneImageadmin1").toggle();
            });
        });
        
</script>
  }
